<template>
	<view class="contain">
		<uni-nav-bar backgroundColor="#fff" statusBar="true" border="false">
			<block slot="left">
				<view class="city">
					<view class="flex_center flex_items" style="width:100%;">
						<image :src="sunSrc" mode=""></image>
						<text class="uni-nav-bar-text" style="color: #000;font-size: 16px;">13℃</text>
					</view>
				</view>
			</block>
			<block slot="default">
				<view class="center_title flex_center flex_items" style="color: #000;width: 100%;font-size: 18px;">
					<view style="margin-right: 5%;" @click="editIsShow">
						发现
					</view>
					<view class="flex_center flex_items">
						<!-- <u-icon name="map" color="#000" size="22"></u-icon> -->
						<view class="bold" style="font-size: 20px;border-bottom: 4px solid #49D4FF;">游玩</view>
					</view>
				</view>
			</block>
		</uni-nav-bar>

		<!-- 顶部模块占位 -->
		<view class="title_img">
			<view class="mallTop">
				<view class="topImg">
					<view class="carousel-section">
						<swiper class="carousel" @change="swiperChange" circular :autoplay="true" interval="3000">
							<swiper-item v-for="(item, index) in bannerList" :key="index" class="carousel-item"
								@click="bannerGoToDetail(item)">
								<image :src="item.ImgUrl" mode="aspectFill" />
							</swiper-item>
						</swiper>
					</view>
				</view>
			</view>
			<view class="img_name">
				<image :src="indexPage[0].ImgUrl" mode=""></image>
			</view>
		</view>
		<!-- 内容模块 -->
		<view class="conten_box">
			<view class="plr30 qxlj_back2 mlr30 content_text">
				<view class="notice_back">
					<image class="img_note" :src="indexPage[1].ImgUrl" mode=""></image>
					<view class="text">
						<swiper style="height: 100%;" class="carousel" circular :autoplay="true" :interval="3000"
							:duration="1000" :vertical="false">
							<swiper-item v-for="(item,index) in MessList" :key="index" class="text"
								@click="goDetail(item.Id,'公告')">
								{{item.Abstract}}
							</swiper-item>
						</swiper>
					</view>
				</view>
				<!-- 智能菜单 -->
				<view class="hotel_box">
					<view class="hotel_one qxlj_back2" @click="goDetail(indexPage[2].LinkUrl)">
						<image class="pic_menu" :src="indexPage[2].ImgUrl" mode=""></image>
						<view class="text">{{indexPage[2].Name}}</view>
					</view>
					<view class="hotel_one qxlj_back2" @click="goDetail(indexPage[3].LinkUrl)">
						<image class="pic_menu" :src="indexPage[3].ImgUrl" mode=""></image>
						<view class="text">{{indexPage[3].Name}}</view>
					</view>
					<view class="hotel_one qxlj_back2" @click="goDetail(indexPage[4].LinkUrl)">
						<image class="pic_menu" :src="indexPage[4].ImgUrl" mode=""></image>
						<view class="text">{{indexPage[4].Name}}</view>
					</view>
					<view class="hotel_one qxlj_back2" @click="goCustomEvent(3)">
						<image class="pic_menu" :src="indexPage[5].ImgUrl" mode=""></image>
						<view class="text">{{indexPage[5].Name}}</view>
					</view>
					<view class="hotel_one qxlj_back2" @click="goCustomEvent(0)">
						<image class="pic_menu" :src="indexPage[6].ImgUrl" mode=""></image>
						<view class="text">{{indexPage[6].Name}}</view>
					</view>
					<view class="hotel_one qxlj_back2" @click="goCustomEvent(2)">
						<image class="pic_menu" :src="indexPage[7].ImgUrl" mode=""></image>
						<view class="text">{{indexPage[7].Name}}</view>
					</view>
					<view class="hotel_one qxlj_back2" @click="goDetail(indexPage[8].LinkUrl)">
						<image class="pic_menu" :src="indexPage[8].ImgUrl" mode=""></image>
						<view class="text">{{indexPage[8].Name}}</view>
					</view>
					<view class="hotel_one qxlj_back2" @click="goDetail(indexPage[9].LinkUrl)">
						<image class="pic_menu" :src="indexPage[9].ImgUrl" mode=""></image>
						<view class="text">{{indexPage[9].Name}}</view>
					</view>
				</view>

				<view class="activity_box">
					<view class="activity_left" @click="goDetail(indexPage[10].LinkUrl)">
						<image :src="indexPage[10].ImgUrl" mode=""></image>
						<view class="back_pos">
							<view class="flex_between">
								<view><text style="font-size: 30px;font-weight: bold;">9</text>℃</view>
								<image style="width: 120rpx;height: 96rpx;" :src="sunSrc" mode=""></image>
							</view>
							<view class="f28 mt15">多云3°/11° 空气优</view>
							<view class="f34 mt15">西岭雪山</view>
							<view class="f28 mt15">景区实时交通</view>
							<view class="f28 mt15 flex_between flex_items">
								<view class="map_box">拥堵</view>
								<view class="">预计两小时</view>
							</view>
						</view>
					</view>
					<view class="activity_right">
						<view class="right_img qxlj_back2" @click="goCustomEvent(1)">
							<image :src="indexPage[11].ImgUrl" mode=""></image>
						</view>
						<view class="right_img qxlj_back2" @click="goDetail(indexPage[12].LinkUrl)">
							<image :src="indexPage[12].ImgUrl" mode=""></image>
						</view>
					</view>
				</view>
			</view>
			<view class="plr30">
				<!-- 交通信息 -->
				<view class="car_box">
					<view class="car_title">玩乐</view>
					<u-scroll-list :indicator="false">
						<view class="shop_fa_play qxlj_back2" v-for="(item,index) in playList" :key="index"
							@click="goDetail(item,'玩乐')">
							<image class="pic" :src="item.Img" mode=""></image>
							<view class="shop_fa_text">
								<view class="Name">{{item.Name}}</view>
								<view class="Subtitle">{{item.Subtitle}}</view>
							</view>
							<view class="border_shop qxlj_back3">
								<!-- <view class="text"></view> -->
								<view class="text_date">15 <text style="font-weight: normal;font-size: 14px;">min</text>
								</view>
								<view class="text">排队</view>
							</view>
						</view>
					</u-scroll-list>
				</view>

				<view class="car_box">
					<view class="car_title">酒店</view>
					<view class="swiper-container">
						<kevy-swiper :autoPlay="true" :autoPlayInterval="3000" :list="swiperList" :height="440"
							:showNum="5" descAniType="slideFromRight" @click="goHotelDetail" />
					</view>
				</view>

				<!-- 餐厅 -->
				<view class="car_box foods_box">
					<view class="car_title strategy_all">
						餐厅
						<image @click="goCustomEvent(2)" class="fat" src="/static/images/more.png" mode=""></image>
					</view>
					<u-scroll-list :indicator="false">
						<view class="shop_fa qxlj_back2" v-for="(item,index) in activeList" :key="index"
							@click="goDetail(item,'餐厅')">
							<image class="pic" :src="item.ShopLogo" mode=""></image>
							<view class="ShopName">{{item.ShopName}}</view>
						</view>
					</u-scroll-list>
				</view>
				<!-- 活动 -->
				<view class="car_box">
					<view class="car_title strategy_all">
						活动
						<image @click="goDetail('/pages/index/strategyList')" class="fat" src="/static/images/more.png"
							mode=""></image>
					</view>
					<view class="strategy_box" v-for="(item,index) in glList" :key="index"
						@click="goDetail(item.LinkUrl)">
						<view class="right">
							<image :src="item.CoverImg" mode=""></image>
						</view>
						<view class="left qxlj_back2">
							<view class="one">{{item.Abstract}}</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="btn_pic" @click="goDetail('快速入园')">
			<image src="https://xsstp.monkeysoftware.cn:443/upload/img/20250306/202503062042538178.png" mode=""></image>
		</view>
	</view>
</template>
<script>
	var amapFile = require('../../utils/amap-wx.130.js');
	import Config from '@/config/index.js';
	import {
		getGoodsList,
		getShopBgList
	} from '@/api/mall.js'
	import {
		getHomeMsg,
		getweixinUserInfo,
		getChildren,
	} from '@/api/homePage.js';
	import {
		login
	} from '../../api/api.js';
	export default {
		data() {
			return {
				weather: '', //天气温度湿度
				sun: '', //温度
				sunTitle: '', //天气
				uniApp: '',
				indexPage: '', //首页配置
				activeList: '', //推荐商家列表
				glList: '', //攻略列表
				topImg: '', //顶部图片
				sunSrc: Config.imgUrl + '/Content/images/weather/晴.png', //天气
				bannerList: [], //banner
				MessList: [], //公告
				playList: [], //玩乐
				swiperList: [],
			}
		},
		methods: {
			editIsShow() {
				this.$emit('editIhShow')
			},
			// 酒店详情跳转
			goHotelDetail(e) {
				let item = this.swiperList[e];
				uni.navigateTo({
					url: `/mall_subpages/goods-detail/goods-detail?id=${item.Id}&type=${item.Type}`
				})
			},
			// 首页点击跳转
			goCustomEvent(index) {
				let params = {
					id: 4,
					index: index
				};
				this.$emit('customEvent', params)
			},
			// 获取酒店产品数据
			async getHotelList() {
				try {
					const Data = await getGoodsList({
						TypeId: 13,
						Size: 5,
					})
					console.log(Data.Data)
					this.swiperList = Data.Data;
				} catch (e) {

				}
			},
			// 获取餐饮数据
			async getShopBgList() {
				let WhereParam = [{
						Name: 'IsBusiness',
						Type: 'EqualTo',
						Value: 1,
					},
					{
						Name: 'BusinessClassify',
						Type: 'EqualTo',
						Value: 3,
					}
				]
				try {
					const {
						Data
					} = await getShopBgList({
						AreaId: 0,
						ShopName: '',
						SpotGrade: 0,
						HotelStars: 0,
						Size: 4,
						WhereList: WhereParam,
						IsHot: 0,
					})
					let arr = [];
					Data.forEach(con => {
						if (con.IsBusiness == 1) {
							arr.push(con)
						}
					})
					this.activeList = arr;
				} catch {

				}
			},
			//获取玩乐数据
			async getPlayList() {
				try {
					const Data = await getGoodsList({
						TypeId: 16,
						Size: 6,
					})
					console.log(Data.Data)
					this.playList = Data.Data;
				} catch (e) {

				}
			},
			//切换轮播
			swiperChange(event) {
				let index = event.detail.current;
				this.currentSwiper = index;
				this.imgBg = this.bannerList[index].ImgUrl;
			},
			//轮播跳转
			bannerGoToDetail(item) {
				if (isURl(item.LinkUrl)) {
					window.location.href = item.LinkUrl;
				} else {
					uni.navigateTo({
						url: item.LinkUrl
					});
				}
			},
			//日期转换
			timestampToTimeYMD(timestamp) {
				var date = new Date(timestamp); //时间戳为10位需*1000，时间戳为13位的话不需乘1000
				var Y = date.getFullYear() + '-';
				var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
				var D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate());
				return Y + M + D;
			},
			//获取首页数据
			async getAllMsg() {
				uni.showLoading({});
				try {
					const Data = await getHomeMsg({
						ParentId: Config.site.home_id,
						layers: 2,
					})
					console.log(Data.Data)
					uni.hideLoading();
					Data.Data.forEach((item, index) => {
						switch (item.Name) {
							case "首页配置":
								console.log(item)
								this.indexPage = item.Children;
								break;
							case "首页banner":
								console.log(item)
								this.bannerList = item.Children;
								break;
							default:
								return;
						}
					})
				} catch (e) {

				}
			},
			// 获取公告数据
			async getMessDate() {
				uni.showLoading({});
				try {
					const Data = await getChildren({
						ArticleCategoryId: 3578,
						Size: 1000,
						ShowOhterLanguages: 1,
					})
					uni.hideLoading();
					this.MessList = Data.Data;
					console.log(this.MessList)
				} catch (e) {

				}
			},
			//获取攻略数据
			async getGLDate() {
				uni.showLoading({});
				try {
					const Data = await getChildren({
						ArticleCategoryId: 3396,
						Size: 3,
					})
					uni.hideLoading();
					console.log(Data.Data)
					Data.Data.forEach(con => {
						con.AddTime = this.timestampToTimeYMD(con.AddTime);
					})
					this.glList = Data.Data;
					console.log(this.glList)
				} catch (e) {

				}
			},
			//跳转详情界面
			goDetail(e, name) {
				if (name == "玩乐") {
					uni.navigateTo({
						url: `/mall_subpages/activitiesList/admissionTicketDetail?id=${e.Id}&type=${e.Type}`
					})
					return;
				}
				if (name == "餐厅") {
					uni.navigateTo({
						url: '/mall_subpages/shop/shopFoodslistDetail?id=' + e.Id
					})
					return;
				}
				if (name == "公告") {
					uni.navigateTo({
						url: '/pages/detail/touristDetail?id=' + e
					})
					return;
				}
				if (e == "导览") {
					uni.redirectTo({
						url: '/pages/webView/webView?url=https://anren.yilvwh.com/TilesMap/index.html'
					})
					return
				}
				if (e == "快速入园") {
					uni.navigateTo({
						url: '/pages/index/qrcode'
					})
				}
				if (name) {
					uni.navigateTo({
						url: e + '&name=' + name
					})
					return;
				} else {
					if (e == null) return;
					if (e == '/') {
						uni.showToast({
							title: '暂未开放',
							icon: 'none',
							duration: 2000
						});
						return
					}
					if (e.includes('http') || e.includes('https')) {
						uni.navigateTo({
							url: '/pages/webView/webView?url=' + e
						})
						return;
					}
					if (e.includes('pages/')) {
						uni.navigateTo({
							url: e
						})
						return;
					};
				}
			},
			async getUserMsg(code) {
				console.log(code)
				try {
					const {
						ErrorCode,
						Msg,
						Data
					} = await getweixinUserInfo(
						code
					);
					//const Data = config.testUserInfo.Data;
					if (Data) {
						uni.setStorageSync('token', Data.user_token);
						uni.setStorageSync('userInfo', Data.wxUser);
						uni.setStorageSync('userMemberTags', Data.userMemberTags)
					} else {
						this.$api.msg('获取token失败');
					}
				} catch (e) {

				}
			},
			//验证登录
			async checkLogin() {
				const token = uni.getStorageSync('token');
				//if (token == '' || token == null){
				let that = this;
				uni.login({
					provider: 'weixin',
					success: function(loginRes) {
						// 获取用户信息
						uni.getUserInfo({
							provider: 'weixin',
							success: function(infoRes) {
								console.log(infoRes)
								var Data = {
									appid: that.uniApp,
									userInfo: infoRes.userInfo,
									encryptedData: infoRes.encryptedData,
									iv: infoRes.iv,
									rescode: loginRes.code
								}
								that.getUserMsg(Data)
							}
						});
					}
				});
				//	}
			},
		},
		created() {
			//登录验证
			this.uniApp = uni.getAccountInfoSync().miniProgram.appId;
			this.getAllMsg();
			this.getGLDate();
			this.checkLogin();
			this.getMessDate();
			this.getPlayList();
			this.getShopBgList();
			this.getHotelList();
			// 获取天气
			let _this = this;
			const userLocation = uni.getStorageSync('userLocation');
			var myAmapFun = new amapFile.AMapWX({
				key: Config.map_key,
			});
			myAmapFun.getWeather({
				city: "大邑",
				success: function(data) {
					console.log("数据温度", data)
					//成功回调
					_this.sun = data.liveData.temperature + '℃';
					_this.sunTitle = data.liveData.weather;
					_this.weather = data.liveData.temperature + '℃  ' + data.weather.data + ' 湿度 ' + data
						.humidity.data;
					console.log(_this.sunTitle)
					if (_this.sunTitle.includes('晴')) {
						_this.sunSrc = Config.imgUrl + "/Content/images/weather/晴.png"
					} else if (_this.sunTitle.includes('雨')) {
						_this.sunSrc = Config.imgUrl + "/Content/images/weather/雨.png"
					} else if (_this.sunTitle.includes('阴')) {
						_this.sunSrc = Config.imgUrl + "/Content/images/weather/阴.png"
					} else if (_this.sunTitle.includes('云')) {
						_this.sunSrc = Config.imgUrl + "/Content/images/weather/多云.png"
					} else if (_this.sunTitle.includes('雪')) {
						_this.sunSrc = Config.imgUrl + "/Content/images/weather/雪.png"
					} else if (_this.sunTitle.includes('风')) {
						_this.sunSrc = Config.imgUrl + "/Content/images/weather/风.png"
					} else {
						_this.sunSrc = Config.imgUrl + "/Content/images/weather/阴.png"
					}
					uni.setStorageSync('weather', _this.weather);
				},
				fail: function(info) {
					//失败回调
					console.log(info)
				}
			});
		}
	}
</script>
<style lang="scss" scoped>
	$domain-url: 'https://xsstp.monkeysoftware.cn'; // 定义域名变量

	.sun_box {
		position: fixed;
		width: 242rpx;
		height: 108rpx;
		border-radius: 27px 0px 0px 27px;
		background-color: #fff;
		display: flex;
		opacity: 0.8;
		right: 0;
		justify-content: center;
		align-items: center;
		top: 12%;
		// transform: translateY(-50%);
		z-index: 1000000;

		.sun_img {
			width: 70rpx;
			height: 64rpx;
			margin-left: 6%;

			image {
				width: 100%;
				height: 100%;
			}
		}

		.sun_text {

			.one {
				font-size: 24px;
			}

			.two {
				font-size: 12px;
			}
		}
	}

	.contain {
		width: 100vw;
		min-height: 100vh;
		padding-bottom: calc(180rpx + env(safe-area-inset-bottom));
		display: flex;
		flex-direction: column;
		background-image: url(#{$domain-url}/upload/img/20250306/202503062045138038.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;

		.title_img {
			width: 100%;
			height: 440rpx;
			position: relative;

			.img_name {
				width: 224rpx;
				height: 112rpx;
				position: absolute;
				top: 10%;
				left: 5%;

				image {
					width: 100%;
					height: 100%;
				}
			}

			image {
				width: 100%;
				height: 100%;
			}

			.mallTop {
				width: 100%;
				height: 100%;
				// background-image: url(../../static/images/topBg.png);
				background-size: 100%;

				.topImg {
					width: 100%;
					height: 100%;

					.carousel-section {
						height: 100%;

						/deep/ swiper {
							width: 100%;
							height: 100%;
						}
					}

					image {
						width: 100%;
						height: 100%;

					}
				}
			}

		}

		//人数
		.conten_box {
			flex: 1;
			height: 1px;
			margin-top: -30rpx;
			border-radius: 20rpx 20rpx 0 0;
			width: 100%;
			position: relative;


			/deep/ .u-search {
				margin-top: -50rpx !important;
				width: 100% !important;
			}

			/deep/ .u-search__content {
				// border: 6rpx solid #498FFF !important;
			}

			/deep/ .u-search__action {
				display: none;
			}
		}

		.content_text {
			border-radius: 32rpx;
			padding-bottom: 4%;
			padding-top: 2%;
		}

		.name_box {
			display: flex;
			align-items: center;
			padding: 20rpx;
			text-align: center;
			justify-content: space-between;

			.num_box {
				width: 100%;
				display: flex;
				align-items: center;

				.name_all_num {
					width: 50%;
					border-right: 1px dashed #498FFF;
				}

				.name_now_num {
					width: 50%;
					position: relative;

					.ber {
						background-image: linear-gradient(to right, #DD3E3E, #E0D126);
						background-clip: text;
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;
					}

					.berOne {
						background-image: linear-gradient(to right, #3BCD48, #2E6966);
						background-clip: text;
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;
					}

					.baoman {
						width: 60rpx;
						height: 30rpx;
						color: #fff;
						font-size: 12px;
						text-align: center;
						line-height: 28rpx;
						position: absolute;
						right: 46rpx;
						top: 0;
						background-image: url('../../static/qxlj/person.png');
						background-repeat: no-repeat;
						background-size: 100% 100%;
					}
				}

				.num {
					color: rgb(206, 210, 211);
					font-size: 14px;
				}

				.ber,
				.berOne {
					font-weight: bold;
					font-size: 20px;
				}
			}

		}

		// 通知
		.notice_back {
			width: 100%;
			padding: 2%;
			height: 80rpx;
			display: flex;
			align-items: center;
			line-height: 60rpx;
			background: #FFFAE9;

			.text {
				color: #A37357;
				font-size: 28rpx;
				margin-left: 1%;
				width: 100%;
				height: 100%;
				-webkit-line-clamp: 1;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			.img_note {
				width: 26px;
				height: 18px;
			}
		}

		//活动及景区
		.activity_box {
			display: flex;
			justify-content: space-between;
			margin-top: 20rpx;

			.activity_left {
				height: 380rpx;
				width: 46%;
				height: 200px;
				position: relative;

				image {
					width: 100%;
					border-radius: 5%;
					height: 100%;
				}

				.back_pos {
					position: absolute;
					top: 5%;
					left: 7%;
					color: #fff;
					width: 88%;

					.map_box {
						padding: 4px 6px;
						background-color: rgba(255, 255, 255, .4);
						border-radius: 6px;
					}
				}
			}

			.activity_right {
				width: 52%;
				display: flex;
				flex-direction: column;
				justify-content: space-between;

				.right_img {
					width: 100%;
					height: 48%;
					display: flex;
					background: #fff;
					align-items: center;
					text-align: center;
					border-radius: 5%;

					image {
						width: 100%;
						height: 100%;
						border-radius: 5%;
					}
				}
			}
		}

		//酒店
		.hotel_box {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;

			.hotel_one {
				width: 25%;
				background: #fff;
				display: flex;
				flex-direction: column;
				align-items: center;
				border-radius: 5%;
				margin-top: 2%;

				.pic_menu {
					width: 48px;
					height: 48px;
				}

				.text {
					color: #000000;
					font-weight: 400;
					margin-top: 10px;
					font-size: 14px;
				}

			}
		}

		// 通知
		.notice_box {
			width: 100vw;
			height: 207rpx;
			margin-top: 2%;

			image {
				width: 100%;
				height: 100%;
			}
		}

		// 交通信息
		.car_box {
			margin-top: 6%;

			.car_title {
				font-size: 20px;
				font-weight: bold;
				color: #fff;
			}

			.car_p {
				display: flex;
				width: 100%;
				height: 166rpx;
				margin-top: 2%;
				background-color: #fff;
				border-radius: 20rpx;
				justify-content: space-between;
				align-items: center;

				image {
					width: 100%;
					height: 100%;
					border-radius: 2%;
				}
			}
		}

		//推荐商家
		/deep/ .u-scroll-list {
			padding-bottom: 0 !important;
		}

		/deep/ .u-scroll-list__scroll-view {
			margin-top: 2% !important;
			width: 100% !important;
			height: 230px !important;

			.shop_fa_play {
				width: 280px;
				height: 230px;
				background-color: #FFFFFF;
				flex-shrink: 0;
				margin-right: 2%;
				position: relative;

				.shop_fa_text {
					margin-left: 10px;

					.Name {
						font-size: 16px;
						font-weight: bold;
						-webkit-line-clamp: 1;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						overflow: hidden;
						text-overflow: ellipsis;
						margin-top: 10px;
					}

					.Subtitle {
						font-size: 14px;
						margin-top: 10px;
						-webkit-line-clamp: 1;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						overflow: hidden;
						text-overflow: ellipsis;
					}
				}

				.pic {
					width: 100%;
					height: 300rpx;
				}

				.border_shop {
					width: 70px;
					height: 70px;
					border-radius: 50%;
					position: absolute;
					bottom: 20%;
					right: 5%;
					color: #fff;
					display: flex;
					justify-content: center;
					flex-direction: column;
					align-items: center;

					.text {
						font-size: 12px;
					}

					.text_date {
						font-weight: bold;
						font-size: 16px;
					}
				}
			}


		}

		.foods_box {
			/deep/ .u-scroll-list__scroll-view {
				margin-top: 2% !important;
				width: 100% !important;
				height: 210px !important;

				.shop_fa {
					width: 180px;
					height: 210px;
					background-color: #FFFFFF;
					flex-shrink: 0;
					margin-right: 2%;

					.pic {
						width: 100%;
						height: 160px;
					}

					.ShopName {
						margin-left: 10px;
						font-size: 16px;
						font-weight: 400;
						margin-top: 10px;
						-webkit-line-clamp: 1;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						overflow: hidden;
						text-overflow: ellipsis;
					}
				}
			}
		}

		// 攻略
		.strategy_all {
			display: flex;
			justify-content: space-between;
			align-items: center;

			.fat {
				width: 19px;
				height: 16px;

				.fat_img {
					width: 100%;
					height: 100%;
				}

			}

		}

		.strategy_box {
			width: 100%;
			height: 180px;
			display: flex;
			margin-top: 2%;
			justify-content: space-between;
			flex-direction: column;
			position: relative;

			.right {
				width: 100%;
				height: 120px;

				image {
					width: 100%;
					height: 100%;
				}
			}

			.left {
				width: 100%;
				height: 60px;
				padding: 2% 4%;

				.one {
					color: #000000;
					font-size: 16px;
					font-weight: 400;
					-webkit-line-clamp: 2;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					overflow: hidden;
					text-overflow: ellipsis;
				}
			}


		}
	}

	//酒店
	.swiper-container {
		width: 100%;
		height: 440rpx;
	}


	.btn_pic {
		position: fixed;
		right: 3%;
		bottom: 18%;
		z-index: 100000;

		image {
			width: 132rpx;
			height: 174rpx;
		}
	}


	//顶部导航
	.city {
		image {
			width: 16px;
			height: 16px;
		}
	}

	/deep/ .uni-navbar--border,
	/deep/ .uni-navbar__header {
		border: none !important;
	}
</style>